// 一个座位区域块,用来排版一块区域的座位
@scale-size: 0.6;
.seat-block {
  position: absolute;

    // 缩放尺寸,这个是为了便于调整座位的大小

  // 座位单元格
  .seat-cell {
    .seat-wrapper {

      width: @scale-size*120px;
      height: @scale-size*120px;
      //border: 1px solid grey;
      cursor: pointer;

      div {
        background-color: rgb(194, 194, 194);
      }

      // 桌子
      .dest {
        position: absolute;
        width: @scale-size*100px;
        height: @scale-size*40px;
        top: @scale-size*55px;
        left: @scale-size*10px;
      }

      // 椅子坐垫
      .mat {
        position: absolute;
        width: @scale-size*35px;
        height: @scale-size*24px;
        top: @scale-size*28px;
        left: @scale-size*42.5px;
      }

      // 椅子靠背
      .back {
        position: absolute;
        width: @scale-size*35px;
        height: @scale-size*10px;
        top: @scale-size*16px;
        left: @scale-size*42.5px;
      }

      // 椅子扶手
      .right-hand {
        position: absolute;
        width: @scale-size*8px;
        height: @scale-size*24px;
        left: @scale-size*32px;
        top: @scale-size*28px;
      }

      // 椅子扶手
      .left-hand {
        position: absolute;
        width: @scale-size*8px;
        height: @scale-size*24px;
        left: @scale-size*80px;
        top: @scale-size*28px;
      }


      // 椅子朝上
      &.top {
        transform: rotate(0deg);
      }

      // 椅子朝左
      &.left {
        transform: rotate(270deg);
      }

      // 椅子朝右
      &.right {
        transform: rotate(90deg);
      }

      // 椅子朝下
      &.bottom {
        transform: rotate(180deg);
      }
    }
  }
}